<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>招商-福建径里农业开发有限公司 | 塑料花盆 塑料制品 加仑盆 兰花盆 兰花专用盆</title>
    <link rel="shortcut icon" href="img/home/title_img_03.png" type="images/x-5b">
    <!--<title>Document</title> 关键字增加所搜性-->
    <meta name="description" content="">
    <!--移动端<meta name="keywords" content="">-->
    <meta name="keywords" content="公司介绍,发展历程,企业文化,家具定制,定制家具,合肥全屋定制,家具品牌,合肥定制家具,全屋定制家具">
    <!--<meta name="keywords" content="">content="123"给网站关键字增加所搜性-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--做移动端一定要加他.支持手机端的neta标签<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <!--为了能更好的显示-->
    <!--这是为了让网站优先兼容最高版本的ie浏览器 -->
    <!-- CSS -->
    <!--bootstrap的css-->
    <link rel="stylesheet" href="plug/bootstrap-3.2.0-dist/css/bootstrap.min.css">
    <!--字体css-->
    <link rel="stylesheet" href="plug/Font-Awesome-4.7.0/css/font-awesome.min.css">
    <!--自己的css-->
    <link rel="stylesheet" href="css/main.css">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="js/jquery-1.11.1.js"></script>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="./js/common.js"></script>
	<script src="js/html.js"></script>
	<script>
		var netJoinPage=getJson('/common/model/queryByFilter/?modelName=Net_Join_Page');
		netJoinPage=netJoinPage.items[0]
		window.profuile_netJoinPage=netJoinPage;
		
	</script>
</head>
<body>
<!--header头部-->
<header id="header">
    <script>html_header(document);</script>
</header>
<div class="joinyemian">
    <div class="join-banner">
        <div class="banner_img">
			<script>document.write('<img src="https://pyshop.oss-cn-beijing.aliyuncs.com/product/'+window.profuile_netJoinPage.banner+'" alt="">')</script>
            </div>
        <ul class="join_sul">
            <li><a href="#shichang">市场<br>分析</a></li>
            <li><a href="#qiye">企业<br>介绍</a></li>
            <li><a href="#zhaoq">招商<br>优势</a></li>
            <li><a href="#jiamen">加盟<br>条件</a></li>
            <li><a href="#chanqin">产品<br>展示</a></li>
            <li><a href="#jiaru">加入<br>我们</a></li>

        </ul>
    </div>
    <div class="container">
        <div class="row">
            <a href="" name="shichang"></a>
            <h3><i>1</i> 行情市场分析</h3>
            <div class="col-md-6">
                <script>document.write(window.profuile_netJoinPage.market_left)</script>
            </div>
            <div class="col-md-6">
                <script>document.write(window.profuile_netJoinPage.market_rigth)</script>
            </div>
        </div>
        <div class="row">

            <a href="" name="qiye"></a>
            <h3><i>2</i> 企业介绍及荣耀</h3>
            <div class="col-md-6">
                <script>document.write(window.profuile_netJoinPage.qiye_left)</script>
            </div>
            <div class="col-md-6">
                <script>document.write(window.profuile_netJoinPage.qiye_right)</script>
            </div>
        </div>

        <div class="row">
            <a href="" name="zhaoq"></a>
            <h3><i>3</i> 招商优势</h3>
            <div class="col-md-5">
                <script>document.write(window.profuile_netJoinPage.zhaoshang_left)</script>

            </div>
            <div class="col-md-2">
                <script>document.write(window.profuile_netJoinPage.zhaoshang_center)</script>
            </div>
            <div class="col-md-5">
                <script>document.write(window.profuile_netJoinPage.zhaoshang_right)</script>
            </div>
        </div>

        <div class="row">
            <a href="" name="jiamen"> </a>
            <h3><i>4</i> 加盟条件</h3>
            <div class="col-md-7">
                <script>document.write(window.profuile_netJoinPage.join_left)</script>
            </div>
            <div class="col-md-5">
                <script>document.write(window.profuile_netJoinPage.join_right)</script>
            </div>
        </div>

        <div class="row" style="margin-bottom: 20px;">

            <a href="" name="chanqin"></a>
            <h3><i>5</i> 产品展示</h3>
            <div class="col-md-6">
                <script>document.write(window.profuile_netJoinPage.product_left)</script>
            </div>
            <div class="col-md-6">
                <script>document.write(window.profuile_netJoinPage.product_right)</script>
            </div>
        </div>
        
    </div>

    <a href="" name="jiaru"></a>
    <h3><i>6</i>加入我们 </h3>
        <div class="about_form">
            <div class="container">
                <form action="">
                    <h2 style="font-size:20px;">我要加盟</h2>
                    <div class="hrs"></div>
                    <ul>
                        <li class="row">
                            <div class="col-md-6 uname">
                                <span>您的姓名 : <b></b> </span>
                                <input type="text">
                            </div>
                            <div class="col-md-6 phone">
                                <span>您的手机号 : <b></b> </span>
                                <input type="text">
                            </div>
                        </li>
                        <li class="uemil">
                            <span>您的邮箱 : <b></b> </span>
                            <input type="text">
                        </li>
                        <li class="condition">
                            <span>您的条件 :</span>
                            <textarea  style="resize:none" rows="7" cols="30"></textarea>
                        </li>
                        <li>
                            <p><input class="about_form_submit" type="button" value="提交"></p>
                        </li>
                    </ul>
                </form>
            </div>
        </div>

</div>

<footer style="margin-top: 0;" id="footer">
    <!--footer-->
	<script>html_footer(document);</script> 
</footer>
<!--回到顶部-->
<!--在线客服-->
<!--qq聊天代码部分begin-->
<div id="qqmodel">
<script>html_qqmodel(document);</script> 
</div>
<!--qq聊天代码部分end-->



<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="plug/bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
<!--自己写的js-->
<script src="js/main.min.js"></script>
<script>
    //   <!--验证用户名-->
    var uname=document.querySelector('.uname>input');
    var namePtxt=document.querySelector('.uname>span>b');
    uname.onfocus=function(){//获取焦点时
        namePtxt.innerHTML="请输入您的姓名";
        namePtxt.style.color='red';
    };
    //失去焦点 函数
    function unameBlur(){
        //var reg=/^[\u4e00-\u9fa5]{2,18}$/;//\u4e00-\u9fa5 （汉字）  _(拼接)
		var reg=/^[\u4E00-\u9FA5A-Za-z]+$/;//汉字和字母
        if(reg.test(uname.value)){
            namePtxt.innerHTML="对了";
            namePtxt.style.color='#6cbe1f';
            uname.style.border='solid 1px #6cbe1f';
            return  true;//验证通过返回 一个true  给最后点击提交时做准备  最后都返回true（通过）才通过
        }else{
            namePtxt.innerHTML="格式错误,请输入姓名，不能有空格";
            namePtxt.style.color='red';
            return false;//验证不通过返回 一个false  给最后点击提交时做准备
        }
    }
    uname.onblur=function(){//失去焦点时执行函数 键盘松开
        unameBlur()
    };
    //    验证邮箱
    var uemil=document.querySelector('.uemil>input');
    var uemilPtxt=document.querySelector('.uemil>span>b');
    uemil.onfocus=function (){//获取焦点时
        uemilPtxt.innerHTML='请输入电子邮箱';
        uemilPtxt.style.color='red';
    };
    //    失去焦点 函数
    function uemilBlur(){
        var reg=/^[0-9a-zA-Z]+@[0-9a-zA-Z]{2,4}\.(com||cn)$/;
        if(reg.test(uemil.value)){
            uemilPtxt.innerHTML="可以";
            uemilPtxt.style.color='#6cbe1f';
            uemil.style.border='solid 1px #6cbe1f';
            return  true;//验证通过返回 一个true  给最后点击提交时做准备  最后都返回true（通过）才通过
        }else {
            uemilPtxt.innerHTML="请输入正确的电子邮箱格式";
            uemilPtxt.style.color='red';
            return false;//验证不通过返回 一个false  给最后点击提交时做准备
        }
    }
    uemil.onblur=function(){//失去焦点 时
        uemilBlur();//调用
    };

    //验证手机号
    var phone=document.querySelector('.phone>input');
	var condition=document.querySelector('.condition>textarea');
    var phonePtxt=document.querySelector('.phone>span>b');
    phone.onfocus=function(){
        phonePtxt.innerHTML='请输入手机号码';
        phonePtxt.style.color='red';
    };
    function phoneBlur(){
        var reg=/^1[3578][0-9]{9}$/;
        if (reg.test(phone.value)){
            phonePtxt.innerHTML="可以";
            phonePtxt.style.color='#6cbe1f';
            phone.style.border='solid 1px #6cbe1f';
            return  true;//验证通过返回 一个true  给最后点击提交时做准备  最后都返回true（通过）才通过
        }else{
            phonePtxt.innerHTML="请输入正确的手机号码";
            phonePtxt.style.color='red';
            return false;//验证不通过返回 一个false  给最后点击提交时做准备
        }
    }
    phone.onblur=function(){
        phoneBlur();
    };

    var submit=document.querySelector('.about_form_submit');

    submit.onclick=function(){
	debugger;
        if(!unameBlur()||!phoneBlur()||!uemilBlur()){
            alert('请确认信息是否完好');
            return false;
        }else{
			var r=getJson("/net/addJoin?name="+uname.value+"&mobile="+phone.value+"&email="+uemil.value+"condition="+condition.value)
            alert('提交成功');
            location.href='join.html';
        }
    };


</script>
</body>
</html>